<template>
  <el-container class="app-home-page">
    <AsideComp></AsideComp>

    <el-container class="is-vertical">
      <HeaderComp></HeaderComp>

      <MainComp></MainComp>
    </el-container>
  </el-container>
</template>

<script>
// import { Menu as IconMenu, Message, Setting } from '@element-plus/icons-vue'
import AsideComp from "@/components/HomeComp/AsideComp.vue";
import HeaderComp from "@/components/HomeComp/HeaderComp.vue";
import MainComp from "@/components/HomeComp/MainComp.vue";

export default {
  data() {
    return {};
  },
  components: {
    AsideComp,
    HeaderComp,
    MainComp,
  },
};
</script>

<style lang="scss" scoped>
.app-home-page .el-main {
  padding: 0;
}
.app-home-page .toolbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  right: 20px;
}

.app-home-page {
  height: 100%;
  .home-page-aside {
    ::v-deep .el-scrollbar {
      .el-scrollbar__wrap {
        border-right: 1px solid #2323;
      }
    }
  }
}
</style>
